<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>过滤器</title>
</head>
<body>
<div id="root">
	<!--	<h3>{{ mysub(title,3) }}</h3>-->
	<!--	<h3>{{ mysub(title,5) }}</h3>-->
	<!-- 管道 -->
	<h3>{{ title | mysub }}</h3>
	<!-- 传参数 -->
	<!--	<h3>{{ title | mysub2(3) }}</h3>-->
	<!-- 多个过滤器 使用 -->
	<!--	<h3>{{ title | mysub2(3) | preStr }}</h3>-->

</div>

<script src="./js/vue.js"></script>
<script>
  /* 过滤器 */
  // 全局过滤器
  // 参数1 过滤器的名称
  // 参数2 回调函数
  // 回调函数中的 参数1永久都是绑定数据   回调函数中的参数可以有N个
  /*  Vue.filter('mysub', function (value) {
			return value.substr(0, 5)
		})
		Vue.filter('mysub2', function (value, len) {
			return value.substr(0, len)
		})
		Vue.filter('preStr', function (value) {
			return 'aaaa====' + value
		})*/


  new Vue({
    el: '#root',
    data: {
      title: '人间清醒杨幂告诉你“凭什么要别人了解你的辛苦”'
    },
    // 局部过滤器
    filters: {
      // 参数1永久是给绑定的数据
      mysub(value) {
        return value.substr(0, 5)
      }
    },
    methods: {
      mysub(str, len = 5) {
        return str.substr(0, len)
      }
    }
  })
</script>
</body>
</html>